﻿
/*导航栏*/
#hTop {
    z-index: 50;
    position: fixed;
    width: 100%;
    height: 45px;
    background-color: #00AAFF;
    border-bottom: 0px #2A92BD solid;
    top: 0px;
    left: 0px;
}

#hTopbar {
    width: 1200px;
    height: 45px;
    margin: auto;
}
/*导航栏左*/
.hTopleft {
    float: right;
    //width: 650px;
    height: 45px;
}

    .hTopleft ul li {
        float: left;
        width: 70px;
        line-height: 45px;
        display: inline;
        POSITION: relative;
        text-align: center;
        font-size: 14px;
        margin-left: 25px;
    }

        .hTopleft ul li a {
            color: #FFF;
        }

            .hTopleft ul li a.hMore {
                float: left;
                width: 55px;
                height: 45px;
                z-index: 3;
                position: relative;
                display: block;
                background: url("../imgs/htop1.png") no-repeat 46px 20px;
                text-align: left;
                padding-left: 15px;
            }

            .hTopleft ul li a:hover {
                color: #FFF;
                background-color: #0082BF;
                display: inline-block;
                width: 70px;
            }

            .hTopleft ul li a.hMorecurrent {
                background: url("../imgs/htop2.png") no-repeat 46px 20px;
                background-color: #0082BF;
            }

.hMoredown {
    z-index: 2;
    position: absolute;
    background: #0082BF;
    top: 45px;
    left: 0px;
    width: 170px;
}

    .hMoredown span {
        float: left;
        width: 65px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 35px;
        text-align: left;
    }


/*导航栏右*/
.hTopright {
    float: right;
    //width: 550px;
    height: 45px;
    margin-left: 15px;
}

.hTopWeb {
    float: right;
    width: auto;
    height: 39px;
    text-align: center;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 9px;
}

.hTopWeb1 {
    float: left;
    display: inline-block;
    width: 70px;
    height: 28px;
    line-height: 28px;
    background-color: #00AAFF;
    color: #FFF;
    margin-right: 0px;
}

.hTopWeb2 {
    float: left;
    display: inline-block;
    width: 70px;
    height: 28px;
    line-height: 28px;
    background-color: #FF8800;
    color: #FFF;
    border-radius: 0px;
}

.hTopWeb a {
    color: #FFF;
}

.hTopLogin {
    float: right;
    width: 70px;
    height: 45px;
    line-height: 45px;
    display: inline;
    position: relative;
    text-align: center;
    font-size: 12px;
}

    .hTopLogin a.lMore {
        float: left;
        width: 60px;
        height: 45px;
        z-index: 3;
        position: relative;
        display: block;
        background: url("../imgs/htop1.png") no-repeat 40px 20px;
        text-align: left;
        padding-left: 10px;
        color: #FFF;
    }

    .hTopLogin a.lMorecurrent {
        background: url("../imgs/htop2.png") no-repeat 40px 20px;
        background-color: #0082BF;
        color: #FFF;
    }

.fn-hide {
    DISPLAY: none;
}

.lMoredown {
    z-index: 2;
    position: absolute;
    background: #0082BF;
    top: 45px;
    left: 0px;
}

    .lMoredown li {
        float: left;
        width: 70px;
        line-height: 28px;
        text-align: center;
        font-size: 12px;
    }

.hTopLogin a {
    color: #FFF;
}

/*手机版二维码*/
.top_phone_div {
    border: 1px solid #d7d7d7;
    padding: 15px;
    position: absolute;
    z-index: 10;
    background: #fff;
    text-align: center;
    color: #8b8b8b;
    cursor: default;
    margin: 45px 0 0 300px;
    z-index: 999;
}

@media only screen and (max-width:1180px) {
 /*   body {
        font-size: 62.5%;
    }*/

    #hTopbar {
        width: 980px;
    }

    #hLogobar {
        width: 980px;
    }

    .hTopleft {
        //width: 550px;
    }

    .hTopright {
        //width: 400px;
    }

    .hLogoright {
        width: 580px;
    }

        .hLogoright ul {
            width: 580px;
        }

    .top_phone_div {
        margin: 45px 0 0 200px;
    }
}
/*
@media only screen and (min-width:1180px) {
    body {
        font-size: 87.5%;
    }
}*/
